<template>
  <div class="h2-box">
    <div class="h2" :style="{color: color}">{{ content}}</div>
    <div :style="{color: color}">{{ tag }}</div>
  </div>
</template>
<script>
  export default {
    props: ['content', 'tag', 'color']
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.h2-box{
  height: 100px;
  padding-top: 25px;
}
.h2{
  font-size: 30px;
  color: black;
}

</style>
